@import '../_mixin';

.login-from{
    margin:0.453333rem 0.186667rem;
    .login-control{
        padding:0.266667rem;

        border:1px solid #e4e4e4;
        border-radius:0.133333rem;
        background-color:#ffffff;
    }
    .red{
        font-weight:bold;

        color:red;
    }
    .control{
        display:-webkit-box;

        padding:0.426667rem 0;

        border-top:1px solid #e4e4e4;
        i{
            margin-left:0.106667rem;

            color:#999999;

            @include font-dpr(24px);
        }
        input{
            line-height:1;

            display:block;

            width:100%;
            padding:0.133333rem 0.466667rem;

            border:none;

            -webkit-box-flex:1;
            @include font-dpr(16px);
        }
        .send-code{
            position:absolute;
            top:0.533333rem;
            right:0;

            padding:0.186667rem 0.266667rem;

            -webkit-transform:translateY(-22%);

            color:#ffffff;
            border:none;
            border-radius:0.16rem;
            background-color:#7699ff;

            @include font-dpr(16px);
        }
        &:first-child{
            border-top:none;
        }
        &.position{
            position:relative;
        }
    }
    .postIt{
        width:100%;
        margin-top:0.48rem;
        padding:0.426667rem 0;

        color:#ffffff;
        border:none;
        border-radius:0.16rem;
        background-color:$mainColor;

        @include font-dpr(18px);
    }
    .relation-link{
        display:block;

        width:100%;
        margin-top:0.4rem;

        text-align:center;

        color:#999999;

        @include font-dpr(14px);
    }
    .errors{
        margin-top:0.266667rem;
        p{
            text-align:center;

            color:#ff0000;

            @include font-dpr(18px);
        }
    }
}